/*********************************
 *  基础样式
 */

/* 覆盖变小手 */
.mb-over-pointer:hover {
    cursor: pointer;
}

/* 覆盖变色，颜色为主题色 */
.mb-over-color:hover {
    color: var(--el-color-primary);
}

/* 覆盖变左右箭头 */
.mb-over-ew-resize:hover {
    cursor: ew-resize;
}

/* 禁用 */
.mb-disabled, .mb-disabled-not-allowed {
    color: var(--el-text-color-disabled);
}

/* 禁用，鼠标样式为禁止 */
.mb-disabled-not-allowed {
    cursor: not-allowed; /* 改变鼠标样式为禁用图标 */
}

/* 链接样式 */
.mb-link {
    color: var(--el-color-primary);
}

.mb-link:hover {
    color: var(--el-color-primary-light-3);
    cursor: pointer;
    text-decoration-line: underline;
}

/*********************************
 *  文本相关
 */

/* 自动换行，长单词断开 */
.mb-auto-line {
    word-wrap: break-word;
    word-break: break-all;
}

/* 自动换行，长单词断开，保留空格与换行 */
.mb-auto-line-space {
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap;
}

/* 自动换行，不保留空格 */
.mb-auto-line-no-space {
    word-break: break-word;
    white-space: pre-line;
}

/*********************************
 *  布局相关
 */

/* 水平布局，水平居中 */
.mb-row-left, .mb-row-right, .mb-row-center {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* 左对齐 */
.mb-row-left {
    justify-content: left;
}

/* 右对齐 */
.mb-row-right {
    justify-content: right;
}

/* 垂直居中对齐（水平、垂直都居中） */
.mb-row-center {
    justify-content: center;
}

.mb-col {
    display: flex;
    flex-direction: column;
}